﻿.category-container {
    margin-top:45px;
}

    .category-container .category-body {
        font-size: 14px;
    }
        /*左边*/
        .category-container .category-body .category-left {
            flex: none;
            width: 25%;
            min-height: 100vh;
            background-color: #f6f6f6;
            color: #444444;
        }

            .category-container .category-body .category-left .category-item {
                display: inline-block;
                padding: 10px;
                color: #444444;
                width: 100%;
            }

                .category-container .category-body .category-left .category-item.active {
                    background-color: #fff;
                    color: #000;
                    border-left: 5px solid red;
                    padding-right: 0px;
                }
        /*右边*/
        .category-container .category-body .category-right {
            flex: none;
            width: 75%;
            min-height: 100vh;
            background-color: #fff;
        }

            .category-container .category-body .category-right .category-info {
                display: inline-block;
                width: 30%;
                padding:5px;
                text-align:center;
                margin:0 auto;

            }

                .category-container .category-body .category-right .category-info .dv-img {
                    border-radius:5px;

                }

                    .category-container .category-body .category-right .category-info .dv-img img {
                        width:100%;
                    }

                .category-container .category-body .category-right .category-info .dv-name {
                }
